<template>
  <div class="common-layout">
    <el-container>
      <el-header>
        <Menu></Menu>
      </el-header>
      <el-main>Main</el-main>
      <el-footer>Footer</el-footer>
    </el-container>
  </div>
</template>

<script setup lang="ts">
import Menu from "./menu.vue";

</script>

<style scoped lang="scss">
.el-header{
  border: 1px solid red;
}
.el-aside{
  width: 150px; 
  border: 1px solid red;
}

.el-container{
  border: 1px solid red;
}
.layout-1{
  width: 150px;
}
</style>